<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
</head>
<body>
    <div class="container">
        <!-- 游戏开始界面 -->
        <div class="menu" id="menu">
            <div class="menuDiv">
                <div class="operate">
                    游&nbsp;戏&nbsp;操&nbsp;作
                    <div class="hidden">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-w"></use>
                            </svg>
                            坦克上移
                        </div>
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-A"></use>
                            </svg>
                            坦克左移
                        </div>
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-S"></use>
                            </svg>
                            坦克下移
                        </div>
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-dcu_offline_common"></use>
                            </svg>
                            坦克右移
                        </div>
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-spaceship"></use>
                            </svg>
                            s c a p e
                        </div>
                    </div>
                </div>
                <div class="begin" id="begin">
                    开&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;始
                </div>
                <div class="about">

                </div>
            </div>
        </div>
        <!-- 游戏进行界面 -->
        <div class="start" id="start">
            <div class="tankId" id="tankId">
            </div>
            <div class="tankEn" id="tankEn">
            </div>
            <div class="toolCentent" id="toolCentent"></div>
        </div>
        <!-- 状态栏 -->
        <div class="statusBar" id="statusBar">
            <table>
                <tr>
                    <th>玩家生命：</th>
                    <th id="live"></th>
                </tr>
                <tr>
                    <th>子弹威力：</th>
                    <th id="power"></th>
                </tr>
                <tr>
                    <th>敌方数量：</th>
                    <th id="number"></th>
                </tr>
            </table>
        </div>
        <!-- 下一关界面 -->
        <div class="next" id="next">
            <div id="nextPass">
                下一关
            </div>
            <div id="nextLevel">
            </div>
        </div>
        <!-- 结束界面 -->
        <div class="end" id="end">
            <!-- 游戏结束 -->
            <div class="gameEnd">
                gameOver
            </div>
            <div class="play" id="play">
                再玩一次
            </div>
        </div>

        <!-- 游戏结束界面 -->
        <script src="js/index.js"></script>
        <script src="js/iconfont.js"></script>
    </div>
</body>
</html>